<!doctype html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="">
<meta name="description" content="mezz">
<meta name="author" content="mezz">
<link href="css/css.css" rel="stylesheet">
<link href="css/chosen.css" rel="stylesheet">
<!--[if lt IE 9]>
    <link href="css/ie.css" rel="stylesheet" type="text/css" >
    <meta http-equiv="X-UA-Compatible" content="IE=8" >
<![endif]-->
<!--[if lte IE 6]><meta http-equiv="refresh" content="0;url=IE6/IE6.html"><![endif]-->
<link href="favicon.ico" rel="SHORTCUT ICON">

  <!--导入的   vue.js,jquery.js,element.js,element.css--->
  <script src="./js/vue.min.js"></script>
  <script src="./js/jquery-3.5.1.min.js"></script>
  <!-- Element-UI -->
  <!-- 引入组件库 -->
  <script src="./js/element-ui/index.js"></script>
  <!-- 引入样式 -->
  <link href="./css/element-ui/index.css" rel="stylesheet">


<title>约饭</title>
</head>
<body>
<div id="app">
    <div class="head">
      <div class="wrap clearfix">
        <a href="index.html" class="logo indent">logo</a>
        <div class="headr fr">
          <form action="active.html" method="post" class="headsearch">
            <label class="label">
              <input type="text" value="" name="" class="key">
              <span class="text">搜索地址、名称、时间等</span>
            </label>
            <button type="submit" class="button btn-search">&#xe628;</button>
          </form>
          <a href="#"><em><img src="images/sb.png"></em>  &nbsp;&nbsp;发布我的饭局</a>
          <div class="user">
            <span class="clearfix"><span class="userimg"><template v-if="tx!=null">
                      <img :src=tx>
                  </template>>
                  <template v-else>
                      <img src="upload/img12.png">
                  </template></span>
             <a href="javascript:;" class="fr" style="     width: 80px; float: right;text-overflow : ellipsis;overflow: hidden;white-space: nowrap;display: block; ">{{nc}}<em>&#xe607;</em></a></span>
            <ul class="topslide">
              <li><em>&#xe627;</em><a href="mem.html">个人设置</a></li>
              <li><em>&#xe63d;</em><a href="Message.html">消息中心</a></li>
              <li><em>&#xe63c;</em><a href="Dinner.html">饭局管理</a></li>
              <li><em>&#xe63e;</em><a href="fans.html">我的好友</a></li>
              <li><em>&#xe61b;</em><a href="My_Messages.html" >我的留言</a></li>
              <li  onclick="exit()"><em>&#xe611;</em><a href="login.html">退出</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <div class="mem-banner" style="background-image:url(upload/img11.jpg);"></div>


    <div class="memwrap wrap clearfix">
      <div class="section fl">
        <div class="location tr"><a href="mem.html">基本资料</a><a href="pwd.html">修改密码</a><a href="binding.html" class="current">帐号绑定</a></div>
        <div class="pd20">
          <table class="baseinfo">
            <tr>
              <td width="50%">
                <div class="icoimg"><img src="images/img5.jpg"></div>
                <div class="infotxt">
                  <template v-if="email==null">
                  你的邮箱帐号：未绑定<p class="mt10">
                  <a href="Email-binding.html" class="button btn-bind">立即去绑定</a></p>
                  </template>
                  <template v-else>
                  你的邮箱帐号：<br>{{email}}<p class="mt10">
                  </template>
                </div>
              </td>
              <td>
                <div class="icoimg"><img src="images/img6.jpg"></div>
                <div class="infotxt">
                  <template v-if="phone==null">
                  你的手机号码：未绑定<p class="mt10">
                  <a href="Phone.html" class="button btn-bind">立即去绑定</a></p>
                  </template>
                  <template v-else>
                  你的手机号码：<br>{{phone}}<p class="mt10">
                  </template>
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="icoimg"><img src="images/img7.jpg"></div>
                <div class="infotxt">实名认证：未认证<p class="mt10"><a href="Verified.html" class="button btn-bind">立即去认证</a></p></div>
              </td>
              <td></td>
            </tr>
          </table>
        </div>
      </div>
      <div class="aside fr">
        <div class="pd15">
          <div class="userimg img">
            <template v-if="tx!=null">
              <img width="100%"  :src=tx>
            </template>
            <template v-else>
              <img src="upload/img12.png">
            </template>
          </div>
          <div class="user-level tc">{{nc}} <em></em><em></em></div>
          <!--              <div class="tc"><a href="javascript:;" class="button btn-control btn-follow"> + 关注</a><a href="javascript:;" class="button btn-control btn-sent"><em class="myfont f18">&#xe63f;</em> 私信</a></div>-->
          <div class="Praise tc" style="margin-top: -30px">
            <!--                  <em>&#xe61d;</em><em>&#xe61d;</em><em>&#xe61d;</em>-->
            <br> {{zy}} <br>{{city}}
          </div>

          <div class="txtwrap tc"><h1 class="f16">个人简介</h1>{{info}}</div>
          <h1 class="f16">关注 {{carezh.length}}</h1>
          <ul class="followlist clearfix" style="height: 130px;overflow-y: auto;cursor: pointer" >
            <template v-for="(item,index) in carezh">
              <el-tooltip class="item" effect="dark" :content=item.nc placement="top-start" >
                <li><img @click="toMessage(item)" :src="item.tx"  ></li>
              </el-tooltip>
            </template>
          </ul>
          <h1 class="f16">粉丝 {{fanszh.length}}</h1>
          <ul class="followlist bd0 clearfix" style="height: 130px;overflow-y: auto;cursor: pointer"  >
            <template v-for="(item,index) in fanszh">
              <el-tooltip class="item" effect="dark" :content=item.nc placement="top-start">
                <li><img @click="toMessage(item)" :src="item.tx"></li>
              </el-tooltip>
            </template>
          </ul>
        </div>
      </div>
    </div>
</div>

<script src="./js/wj/binding.js" type="module"></script>

</body>

<script src="../yuefan_web/js/overall.js"></script>

<script src="js/jquery.js"></script>
<script src="js/Action.js"></script>

<script src="js/chosen.jquery.js"></script>
<script type="text/javascript">
$(document).ready(function($){
	//select 样式美化
	 var config = {
		'.chosen-select-no-single' : {disable_search_threshold:10}
	}
	for (var selector in config) {
		$(selector).chosen(config[selector]);
	}
});
</script>
</html>